<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>FileUploader Dialog Test</title>
    <link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
	<link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
    <link href="../../../dijit/themes/tundra/form/Button.css" rel="stylesheet" />
	<link href="../../../dijit/themes/tundra/Dialog.css" rel="stylesheet" />
	<link href="../../../dijit/themes/tundra/layout/TabContainer.css" rel="stylesheet" />
    <link href="../resources/FileUploader.css" rel="stylesheet" />
	<script>
        djConfig = {
            isDebug: true,
			popup:true,
            parseOnLoad: true
        }
    </script>
    <script src="../../../dojo/dojo.js"></script>
    <script>
		dojo.require("dojo.parser");
        dojo.require("dojox.form.FileUploader");
        dojo.require("dijit.form.Button");
		dojo.require("dijit.Dialog");
		dojo.require("dijit.form.Form");
		dojo.require("dijit.layout.ContentPane");
		dojo.require("dijit.layout.TabContainer");

        dojo.addOnLoad(function(){
			console.warn("show")
			console.log("CP:", dijit.byId("dialogContentPane"))
			var w = dijit.byId("myDialog");
			if(w){
				w.show();
			}
		});


    </script>
    <style>
		html{
			height:100%;
		}
		body{
			font-family:sans-serif;
			font-size:12px;
			height:100%;
		}
		#tabs{
			width:100%;
			height:100%;
		}
		.dijitContentPane{
			padding:10px;
		}
		table td{
			width:33%;
			vertical-align:top;
		}
		.scrolls{
			width:100%;
			height:75px;
			overflow-y:scroll;
			position:relative;
		}
		.note{
			font-size:11px;
			font-family:sans-serif;
			color:#666;
			width:400px;
			margin-top:15px;
		}
		.note.nw{
			width:auto !important;
		}
		h3{
			width:600px;
			font-weight:normal;
			font-size:14px;
		}
		.formContent{
			width:300px;
			height:150px;
		}

		#myDialog #dialogContentPane{
			width:400px;
			height:200px;

		}
    </style>
	<script>
		dojo.ready(function(){
			var fu = dijit.byId("fu")
			console.log(fu.domNode)
		});
	</script>

</head>
<body class="tundra">
	<h1>FileUploader Dialog Test</h1>
	<p>
		Tests that FileUploader will load in a dialog box. Its detecting that an ancestor is
		a dialog and if so makes it display="block" while it gets measurements, then changes it
		back. It then connects to the dialog's onShow and is built at that time.
		<strong>NOTE: This test opens a Browse Dialog, but does not upload.</strong>
	</p>
		<div id="myDialog" class="dialog" dojoType="dijit.Dialog" title="Edit Account">

		<div id="dialogContentPane" dojoType="dijit.layout.ContentPane">
			<label>Dummy Upload:</label>
			<span id="editUsername"></span>
			<label>Password:</label>
			<div id="editerror"></div>
			<div id="editSubmitBtn" class="authButton" dojoType="dijit.form.Button">Submit</div>

			<button id="fu" isDebug="true" devMode="false" dojoType="dojox.form.FileUploader">Default Markup Flash</button>
			<!--<button isDebug="false" devMode="true" force="html" dojoType="dojox.form.FileUploader">Default Markup HTML</button>-->
		</div>
	</div>

</body>
</html>
